<!DOCTYPE html>
<!-- saved from url=(0062)file:///D:/Program%20Files%20(x86)/APM_Setup/htdocs/index.html -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
       <meta charset="utf-8">
       <style type="text/css">
	   body {
		   font-size: 0.8em;
		   font-family: doctum;
		   line-height: 1.6em;
	   }
	   header {
		   border-bottom: 1px solid #ccc;
		   padding:20px 0;
	   }
	   #toolbar {
		   padding: 10px;
		   float: right;
	   }
	   nav {
		   float:left;
		   margin-right:20px;
		   min-height:500px;
		   border-right:1px solid #ccc;
	   }
	   nav ul {
		   list-style:none;
		   padding-left:0px;
		   padding-right:20px;
	   }  
	   article {
		   float:left;
	   }
	   a {
		   text-decoration:none;
	   }
	   a:link, a:visited {
		   color:#aee;
	   }
	   a:hover {
		   color:#a0e;
	   }
	   h1 {
		   font-size:1.4em;
           color:#0f5;
		  
		   
	   }

       </style>


      <title>건민이와 지민이</title>
  </head>

<body>




<div>
<header><h1>건민이와 지민이</h1></header>
</div>

<div id="toolbar">
<input type="button" value="black">
<input type="button" value="white">
</div>

<nav>
<ul>
<li><a id="link" href="http://opentutorials.org/course/49/17">JavaScript</a></li>
                    <li><a id="link" href="http://opentutorials.org/course/49/16">변수와 상수</a></li>
                    <li><a id="link" href="http://opentutorials.org/course/49/18">연산자</a></li>
                    <li><a id="link" href="http://opentutorials.org/course/49/19">함수</a></li>
                    <li><a id="link" href="http://opentutorials.org/course/49/20">이벤트</a></li>
                    <li><a id="link" href="http://opentutorials.org/course/49/21">객체</a></li>
                    </ul>
                    </nav>
                    
                    <article>
                    <h2>변수와 상수</h2>
                    <p>변수란</p>
                    <ul>
                    <li>변하는 값</li>
                    <li>x = 10 일 때 왼쪽항인 x는 오른쪽 항인 10에 따라 다른 값이 지정된다.</li>
                    </ul>
                    
                    <p>상수란</p>
                    <ul>
                    <li>변하지 않는 값</li>
                    <li>x = 10 일 때 오른쪽항인 10이 상수가 된다.</li>
                    </ul>
                    </article>
                    
                    
                  
                 
                    
                    





</body></html>